<template>
  <div id="introduce-app4">
    <ol>
      <li v-for="(todo, index) in todos" v-bind:key="index">
        {{ todo.text }}
      </li>
    </ol>
  </div>
</template>

<script lang="ts">
import { Component, Vue } from "vue-property-decorator";

@Component({})
export default class IntroduceApp4 extends Vue {
  // region Prop
  // endregion
  // region Data
  todos = [
    { text: "学习 JavaScript" },
    { text: "学习 Vue" },
    { text: "整个牛项目" },
  ];
  // endregion
  // region computed
  // endregion
  // region watch
  // endregion
  // region method
  // endregion
  // region hook
  /**
   * 这里是为了绑定到 window 全局增加的额外内容
   */
  created() {
    window.IntroduceApp4 = this;
  }
  // endregion
}
</script>

<style lang="css">
#introduce-app4 {
  border: 1px solid red;
}
</style>
